<template>
  <a-table :columns="columns" :data-source="data">
    <a slot="name" slot-scope="text">{{ text }}</a>
  </a-table>
</template>
<script>
const columns = [
  {
    title: '职位名称',
    dataIndex: 'name',
    key: 'name',
    scopedSlots: { customRender: 'name' },
  },
  {
    title: '公司部门',
    dataIndex: 'apart',
    key: 'apart',
    width: 100,
  },
  {
    title: '工作地点',
    dataIndex: 'address',
    key: 'address 1',
    ellipsis: true,
  },
  {
    title: '发布城市',
    dataIndex: 'address',
    key: 'address 2',
    ellipsis: true,
  },
  {
    title: '发布日期',
    dataIndex: 'data',
    key: 'data',
    ellipsis: true,
  },
  {
    title: '更新时间',
    dataIndex: 'updata',
    key: 'updata',
    ellipsis: true,
  },
];

const data = [
  {
    key: '1',
    name: 'JAVA工程师',
    apart: '北京科技有限公司',
    address: '北京',
    data:'2015-12-28',
    updata:'2015-12-18',
   
  },
  {
    key: '2',
    name: 'JAVA工程师',
    apart: '北京科技有限公司',
    address: '北京',
    data:'2015-12-28',
    updata:'2015-12-18',
  },
  {
    key: '3',
    name: 'JAVA工程师',
    apart: '北京科技有限公司',
    address: '北京',
    data:'2015-12-28',
    updata:'2015-12-18',
  },
];

export default {
  data() {
    return {
      data,
      columns,
    };
  },
};
</script>
